﻿@model CleverCMS.Cms.Services.ViewModels.RegisterModel

@section TitleContent{
    Registration
}

@section HeadContent{
      @Scripts.Render("~/bundles/jqueryval")
}

<h2>Registration</h2>
<div class="row-fluid">
    <div class="span12">
        <div class="widget green">
            <div class="widget-title">
                <h4><i class="icon-reorder"></i>Registration form</h4>
            </div>
            <div class="widget-body form">
                @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "cmxform form-horizontal", @id = "signupForm" }))
                {   
                    <div class="control-group ">
                        @Html.LabelFor(m => m.UserName, new { @class = "control-label" })
                        <div class="controls">
                            @Html.TextBoxFor(m => m.UserName, new { @class = "span6", @value = "" })
                            @Html.ValidationMessageFor(m => m.UserName)
                        </div>
                    </div>
                    <div class="control-group ">
                        @Html.LabelFor(m => m.Password, new { @class = "control-label" })
                        <div class="controls">
                            @Html.PasswordFor(m => m.Password, new { @class = "span6" })
                            @Html.ValidationMessageFor(x => x.Password)
                        </div>
                    </div>
                    <div class="control-group ">
                        @Html.LabelFor(m => m.ConfirmPassword, new { @class = "control-label" })
                        <div class="controls">
                            @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "span6", @id = "confirm_password", @name = "confirm_password", @value = "" })
                            @Html.ValidationMessageFor(m => m.ConfirmPassword)
                        </div>
                    </div>
                    <div class="control-group">
                        @Html.LabelFor(m => m.Email, new { @class = "control-label" })
                        <div class="controls">
                            @Html.TextBoxFor(m => m.Email, new { @class = "span6", @id = "email", @name = "email", @type = "email" })
                            @Html.ValidationMessageFor(m => m.Email)
                        </div>
                    </div>
                    <div class="control-group ">
                        @Html.LabelFor(x => x.Check, new { @class = "control-label" })
                        <div class="controls">
                            @Html.CheckBoxFor(x => x.Check, new { @class = "checkbox", @id = "agree", @name = "agree" })
                            @Html.ValidationMessageFor(x => x.Check)
                        </div>
                    </div>
    
                    <div class="form-actions">
                        <button class="btn btn-success" type="submit">Registration</button>
                        <a class="btn" href="/">Cancel</a>
                    </div>
                }
            </div>
        </div>
    </div>
</div>
